<template>
  <div>
    <ShowExample title="简单按钮">
      <SimpleButton @click="clickBtn"></SimpleButton>
      <SimpleButton title="传值内容"></SimpleButton>
      <SimpleButtonSlot>通过slot插槽</SimpleButtonSlot>
    </ShowExample>
    <ShowExample title="列表项封装为组件">
      <to-do-list></to-do-list>
    </ShowExample>
    <ShowExamole title="完整列表">
      <article></article>
    </ShowExamole>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>